body{background:url(../img/gray.png) repeat;}
/* layout container for the grid */
.container{margin-left:auto;margin-right:auto;width:1000px;zoom:1;}

/* grid system */
.grid{display:inline;float:left;margin:0 10px;}
.grid-1{width:30px}
.grid-2{width:80px}
.grid-3{width:130px}
.grid-4{width:180px}
.grid-5{width:230px}
.grid-6{width:280px}
.grid-7{width:330px}
.grid-8{width:380px}
.grid-9{width:430px}
.grid-10{width:480px}
.grid-11{width:530px}
.grid-12{width:580px}
.grid-13{width:630px}
.grid-14{width:680px}
.grid-15{width:730px}
.grid-16{width:780px}
.grid-17{width:830px}
.grid-18{width:880px}
.grid-19{width:930px}
.grid-20{width:980px}

/* clear extra spaces */
.grid.first{margin-left:0}
.grid.last{margin-right:0;}

.header{height: 50px; background: #000; background-image: linear-gradient(to bottom,#222,#111); color: #fff; line-height: 50px; margin-bottom: 20px;}
.logo{font-size: 20px; font-family: Impact;}
.menu li{margin-right: 10px;}
.menu a{color: #fff;}
.setup{margin-top: 20px;}
.setup .use h4{margin-bottom: 10px;}
.setup .use pre{height: 80px;}
.setup .note blockquote{margin-top: 10px;}
.setup .note blockquote p{font-size: 12px; line-height: 1.2;margin-top:5px;}
.base,.css{margin-bottom: 30px;}
.workplace h4,.workplace h5,.workplace h6{margin-bottom: 10px;}
.table.demo{margin-top: 10px;}
.table.demo td{border:none;}
h6.warning{padding: 10px 0;}
.document-box{background: #fff; padding:10px 20px;}
.document-box h4{font-weight: 700; color: #333;}
.document-box p{color: #666; line-height: 25px; font-size: 12px; margin-bottom: 10px;}
.footer{text-align: center; font-family: Arial; font-size: 12px; margin-top: 20px; border-top:1px solid #ddd; height: 60px; line-height: 60px; background: #fff;}
.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
/* Standard */
.list-num li,.code{margin-left: 10px; font: 12px/normal "Consolas";}
ol.list-num li{list-style: inside decimal;}
ul.list-num li{list-style: inside disc;}
.code{width: 500px;}
